.w-100 {
  width: 100%;
}
.d-flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-center {
  justify-content: center;
}
.align-start {
  align-items: start;
}
.align-center {
  align-items: center;
}
.flex1 {
  flex: 1 1 auto;
}
.header-flag {
  margin: 10px;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}
.red-btn,
.red-btn:active,
.red-btn:visited,
.red-btn:focus,
.red-btn:link {
  background-color: #e30120;
  color: #fff;
  padding: 10px 25px;
  font-size: 1.2em;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  border: 2px solid #e30120;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  letter-spacing: 1.2px;
}
.red-btn:hover,
.red-btn:active:hover,
.red-btn:visited:hover,
.red-btn:focus:hover,
.red-btn:link:hover {
  background-color: #fff;
  color: #e30120;
}